<script>
	import {
		getSafeAreaInsets
	} from "../../utils/safeAreaUtil"
	export default {
		data() {
			return {}
		},
		methods: {

			radioGroupChange(val) {
				console.log('this', val);
			},
			radioChange() {

			},
			goto() {
				uni.navigateTo({
					url: '/pages/login/guide/guide'
				})
			}
		},
		async mounted() {}
	}
</script>
<template>
	<HeadMenuBar>
		<template>
			<div class="login">
				<image class="logo" src="../../static/fox.jpg" mode=""></image>
				<u-button type="success"> <u-icon name="weixin-fill" color="#fff" size="25"></u-icon>微信用户一键登陆</u-button>
				<div class="group">
					<u-radio-group size='10' v-model="checkValue" @change="radioGroupChange">
						<u-radio size='12' @change="radioChange" name="success">
						</u-radio>
					</u-radio-group>
					<div class="service">
						我们的服务依赖于微信账号登陆，请阅读并同意<span class="color_b" @click="goto">用户登陆指引协议</span>
					</div>
				</div>
			</div>
		</template>
	</HeadMenuBar>

</template>

<style lang="scss" scoped>
	.group {
		display: flex;
		align-items: start;
		margin-top: 10rpx;
	}

	.color_b {
		color: black;
	}

	.service {
		width: 100%;
		font-size: 25rpx;
		color: rgba(0, 0, 0, 0.4);
	}

	.login {
		margin: auto;
		width: 600rpx;
		height: 900rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 200rpx;
	}

	.logo {
		width: 300rpx;
		height: 300rpx;
		margin-bottom: 300rpx;
	}
</style>